<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<%@ include file="../lib/vue/vue_common.jsp"%>
	<title>贝币充值</title>
	<link rel="stylesheet" href="${ctx}/page/huafei/css/deposit.css?v=${version}"/>
</head>
<body class="withFooter" ontouchstart="">
	<div id="app">
		<div class="img"><img src="${ctx}/page/huafei/img/temp-1.jpg"/></div>
		<div class="amount">
			<p>请选择金额</p>
			<ul>
				<li v-for="item in amount" :class="selectAmount==item ?'selected':''" @click="changeAmount(item)">
					<div>{{item}}<span>贝币</span></div>
				</li>
			</ul>
		</div>
		<div class="tip">
			温馨提示：
			<br>
			<br>
			1、贝币与现金等值，即：1贝币=1元；
			<br>
			2、贝币可用于消费，也可提现。
		</div>
		<div class="footer">
			实付款&nbsp;:&nbsp;<span>&yen;{{selectAmount}}</span>
			<div class="pay" @click="payNow" :class="{'disable':paying}">确定</div>
		</div>
	</div>
	
	<script type="text/javascript">
		var app = new Vue({
			el: '#app',
			data: {
				mobile:'${mobile}',
				amount:[0.01,0.02,10,20,30,50,100,200,300],
				selectAmount:0.01,
				depositUrl:'${mServerUrl}/page/depositWxPage.htm',
				paying:false,
			},
			watch:{
				
			},
			methods: {
				changeAmount:function(item){
					if(item == this.selectAmount){
						return;
					}
					this.selectAmount=item;
				},
				payNow:function(){
				   window.location.href=mServerUrl+"/page/confirmHfOrderPage.htm?name="+this.selectAmount+"&time="+((new Date()).getTime());
				}
			},
			mounted: function() {
			}
		});
	</script>
</body>
</html>